.publicSentiment
  color #9ba2ab
  background #f0f2f5
  position absolute
  height 100%
  width 100%
  .ant-layout-content
    margin-top 0 !important
  .m-title
    color #30383e
    height 53px
    line-height 53px
    font-size 20px

  .statistics
    background #fff
    >.items
      margin 0 28px
      height 87px
      line-height 87px
      .negative
        color #e75a46
      .total
        display inline-block
        margin-right 30px
        span
          &:nth-child(2)
            margin-left 5px
            font-size 26px
          &.count
            color #30383e
      .website
        position relative
        display flex
        width 100%
        align-items center
        justify-content space-between
        .item
          line-height 20px
          text-align center
          width 100%
          div
            &:nth-child(1)
              font-size 22px
              color #30383e
              margin-top 15px
              padding-bottom 8px
              border-right 1px solid #e6e9ed
            &:nth-child(2)
              margin-bottom 15px
              border-right 1px solid #e6e9ed
          &:last-child
            div
              border-right none

      &:nth-child(1)
        border-bottom 1px solid #e6e9ed


  .list-box
    margin-top 20px
    position relative
  .newsList
    margin-bottom 20px
    background #fff
  .list-head
    display flex
    align-items center
    padding 0 30px
    justify-content space-between
    height 50px
    border-bottom 1px solid #e6e9ed
    >.list-title
      margin 0
      font-size 16px
      color #30383e
    >.sortBy
      span
        margin-right 20px
        cursor pointer
        color #9ba2ab
        &.active
        &:hover
          color #007be2
          border-bottom 2px solid #007be2
          padding-bottom 5px
  .gutter-list
    height 70px
    line-height 70px
    margin 0 30px
    border-bottom 1px solid #e6e9ed
    .gutter-box
      overflow hidden
      text-overflow ellipsis
      white-space nowrap
    .box
      div
        line-height 20px
        overflow hidden
        text-overflow ellipsis
        white-space nowrap
        font-size 12px
        cursor pointer
        &:first-child
          margin-top 15px
          color #30383e
          font-size 14px
    .img-icon
      height 30px
      width 30px
  .more
    margin 0 30px
    height 30px
    line-height 30px
    text-align center
    span
      cursor pointer
    //&:nth-child(odd)
    //  margin-right 10px
    //&:nth-child(even)
    //  margin-left 10px
  .clear-right
    float right
    .ant-radio-wrapper
      &:nth-child(1)
        .ant-radio-inner
          &:after
            background-color #eb4a35
      &:nth-child(2)
        .ant-radio-inner
          &:after
            background-color #62c013
      &:nth-child(3)
        .ant-radio-inner
          &:after
            background-color #2184da

    .ant-radio-checked
      .ant-radio-inner
        border-color #e4e7ea
  .clear-left
    float left
.layout-child {
  height: 100%;
  background: #ef4;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ant-modal-mask {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.65);
  height: 100%;
  z-index: 1000;
  filter: none !important;
}
.m-gridup-bg
  border 3px dashed #ccc
  border-radius 0.4rem
  box-sizing border-box
  z-index 1
  position absolute
  left 0
  top 0
.modules
.m-gridup
  position relative
  width 100%
.m-gridup-item
  position absolute
  transition all .6s ease
  z-index 5

